<div class="table-body">
    <table id="returnTable" lay-filter="returnTable"></table>
</div>

<script>
    var mgrMobile = '';
    layui.use(['table','form','layer','laydate'],function(){
        var layer = layui.layer, table = layui.table,form = layui.form;
        //执行渲染
        table.render({
            elem: '#returnTable', //指定原始表格元素选择器（推荐id选择器）
            height: '380',
            cellMinWidth: '80',
            page: 'true',
            limit:'20',
            id:'returnTable',
            url: "{:url('BookReturn/getBooReturnBookDetailList')}?id={$id}",
            cols: [[ //标题栏
                {type:'numbers'},
                {field: 'type', title: '类型', width:100, align:'center'},
                {field: 'book_num', title: '教材数量', width:80, align:'center'},
                {field: 'book_price', title: '单价', width:80, align:'center'},
                {field: 'book_disc', title: '折扣', width:80, align:'center'},
                {field: 'book_name', title: '教材名称', width:200, align:'center'},
                {field: 'book_author', title: '主编', width:160, align:'center'},
                {field: 'book_concern', title: '出版社', width:180, align:'center'},
                {field: 'book_edition', title: '版次', width:160, align:'center'},
                {field: 'book_isbn', title: 'ISBN', width:160, align:'center'},
                {field: 'book_reward', title: '获奖情况', width:200, align:'center'},
                {field: 'book_date', title: '出版年限', width:120, align:'center'}
            ]] //设置表头
            //,…… //更多参数参考右侧目录：基本参数选项
        });

        form.render();
    })
</script>